<template>
    <div>
      <div class="ff">
      <img @click="fanhuis()" class="jt" src="/static/dhw/dhw-5.png" alt="">
      <p class="zi">阿拉粉心得</p>
      <img class="fx" src="/static/dhw/fenxiang20.png" alt="">
    </div>
      <div class="nicheng">
        <p class="nc"><img src="/static/fcxd/fcxd-1.png" alt="">昵称</p>
      </div>
      <div>
        <p class="qingjia">该模块主要内容是顾客对购买的商品的评价...该模块主要内容是顾客对购买的商品的评价...</p>
      </div>
      <div class="tp"><img  src="/static/fcxd/fcxd-2.png" alt=""></div>
      <p class="shijian">8小时前</p>
      <div class="chuncai">
        <div class="kuang">
          <p><img src="/static/fcxd/fcxd-2.png" alt=""></p>
        </div>
      <div class="kuang2">
        <p class="cc huancai">焕彩萃璨花蕊唇彩4.8g</p>
        <p class="cc tupian">
          <img src="/static/fcxd/fcxd-3.png" alt="">
          <img src="/static/fcxd/fcxd-4.png" alt="">
          海外直邮
        </p>
        <p class="jiaqian">¥166.06</p>
        </div>
      </div>
      <div class="tiao"></div>
      <div class="pl">
        <p class="pw">用户评论(1)</p>
      </div>
         <div class="kuang3">
           <img class="touxiang" src="/static/fcxd/fcxd-1.png" alt="">
           <div class="Ncheng">
           <p class="">昵称</p>
           <p class="">刚刚</p>
         </div>
           <p class="jieshao">该模块主要内容是其他顾客对该商品的评论...该模块主要内容是其他顾客对该商品的评论</p>
         </div>
         <div class="cz">
           <img src="/static/fcxd/fcxd-5.png" alt="">
           <p class="xian"></p>
           <img src="/static/fcxd/fcxd-6.png" alt="">
           <p class="xian"></p>
           <img src="/static/fcxd/fcxd-7.png" alt="">
         </div>
          <div class="cz">
            <p class="dianzan">点赞</p>
            <p class="jianju dianzan">评论</p>
            <p class="dianzan">分享</p>
          </div>
      <div class="jiazai">
        <p class="jz">加载更多</p>
      </div>



  </div>
</template>

<script>
    export default {
      name: "Swxq",
      methods:{
        fanhuis(){
          history.go(-1);
        }
      }
    }
</script>

<style scoped>
  .ff{
    display:flex;
    justify-content: space-around;
    align-items: center;
    height: 9.6rem;
    background: #e53e42;
  }

  .zi{
    font-size: 4.8rem;
    color: #fff;
  }
  .jt{
    width: 2.2rem;
    height: 3.8rem;
  }
  .nicheng{
    margin-top: 2rem;
    margin-bottom: 2rem;
    margin-left: 2rem;
    /*background: aqua;*/

  }
  .qingjia{
    width: 66.3rem;
    height: 6rem;
    color: #808080;
    font-size: 2.4rem;
    margin-left: 2rem;
    /*background: blueviolet;*/
  }
  .tp{
    width: 26rem;
    height: 200px;
    text-align: center;
    padding-top: 3.1rem;
    margin-left: 2rem;
    border: 1px solid #808080;
  }
  .shijian{
    margin-top: 3rem;
    margin-left: 2rem;
    font-size: 2.4rem;
    color: #808080;
  }
  .chuncai{
    display:flex;
    justify-content: space-around;
    align-items: center;
  }
 .kuang{
   width: 18rem;
   /*height: 16rem;*/
   margin-top: 4.6rem;
   margin-left: 2rem;
   text-align: center;
   border: 1px solid #ccc;
 }
  .kuang2{
    width: 50.3rem;
    height: 19.5rem;
    margin-right: 5rem;
    margin-top: 4.5rem;
    /*background: green;*/
    border: 1px solid #ccc;
  }
  .cc{
    margin-left: 4rem;
  }
  .tupian{
    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
  }
  huancai{
    margin-top: 1.3rem;
  }
  .jiaqian{
    margin-left: 4rem;
    color: #e53e42;
  }
  .tiao{
    height: 2rem;
    background: #ccc;
    margin-top: 2.1rem;
  }
 .pl{
   height: 8rem;
   border-bottom: 1px solid #ccc;
   margin-top: 2.2rem;
   /*background: red;*/
 }
  .pw{
    line-height: 8rem;
    margin-left: 2rem;
    font-size: 2.8rem;
    color: #333;
  }
  .kuang3{
    height: 22.7em;
    /*background: greenyellow;*/
    border-bottom: 1px solid #ccc;
  }
  .Ncheng{
    width: 16rem;
    height: 8rem;
    display:flex;
    justify-content: flex-start;
    flex-direction: column;
    /*align-items: ;*/
    font-size: 2.8rem;
    /*background: blue;*/
    margin-top: -4rem;
    margin-left: 7rem;
  }
  .touxiang{
    padding-top: 2rem;
    margin-left: 2rem;
  }
  .jieshao{
    width: 66.7rem;
    height: 60px;
    font-size: 2.4rem;
    color: #808080;
    margin-left: 2rem;
    /*background: red;*/
  }
  .cz{
    /*width: 28.4rem;*/
    /*height: 8rem;*/
    display:flex;
    justify-content: space-around;
    align-items: center;
  }
  .xian{
    width: 0.2rem;
    height: 4rem;
    background: #ccc;
    margin-top: 1rem;
  }
.jianju{
  margin-right:12rem;
  margin-left: 12rem;
}
  .dianzan{
    margin-top: 1rem;
  }
.jiazai{
  height: 5.2rem;
  background: #ccc;
}
.jz{
  text-align: center;
  line-height: 5.2rem;
}

</style>
